﻿<header class="header">

  <div class="tit">
    <h2>完善资料信息</h2>
  </div>
  <div class="right"></div>
</header>

<!--第一步-->
<div ng-show="OneStep">
  <p class="color2 f1" style="text-indent: .2rem;padding: .2rem 0;">完善以下信息，可获得10积分</p>
  <form name="OneForm" ng-class="showOneError?'showerror':''">
    <div class="account_info">
      <p class="parents_title">家长信息</p>
      <ul class="parents_item">
        <li>
          <div class="edit_label">家长姓名:<b style="color: #d75a4a;">*</b></div>
          <div class="edit_input"><input type="text" placeholder="真实姓名" ng-model="Userinfo.lastname" ng-required="true" /></div>
        </li>
        <li>
          <div class="edit_label">家长电话:<b style="color: #d75a4a;">*</b></div>
          <div class="edit_input"><input type="text" placeholder="真实手机号" ng-model="Userinfo.telephone" ng-required="true"
              ng-pattern="/^[1]\d{10}$/" /></div>
        </li>
        <li>
          <div class="edit_label">所在地区:<b style="color: #d75a4a;">*</b></div>
          <div class="edit_input" ng-click="AddressShow=true;ProvinceShow = true; showpop();"><input type="text" placeholder="所在地区"
              readonly ng-model="Userinfo.addressformat" ng-required="true" /></div>
        </li>
      </ul>


      <!--已添加孩子信息-->
      <div class="device_box">
        <p class="parents_title">添加孩子信息</p>
        <ul class="parents_item">
          <li>
            <div class="edit_label">孩子姓名:<b style="color: #d75a4a;">*</b></div>
            <div class="edit_input"><input type="text" placeholder="姓名" ng-required="true" ng-model="Childinfo.name" /></div>
          </li>
          <li>
            <div class="edit_label">出生日期:<b style="color: #d75a4a;">*</b></div>
            <div class="edit_input"><input readonly="readonly" name="appDate" id="appDate" type="text" placeholder="孩子出生日期"
                ng-model="Childinfo.birthday" ng-required="true" /></div>
          </li>
          <li>
            <div class="edit_label">所在年级:<b style="color: #d75a4a;">*</b></div>
            <div class="edit_input"><input type="text" readonly placeholder="年级" ng-model="Childinfo.choose_grade.name"
                ng-required="true" ng-click="gradeshow=true;showpop();" /></div>
          </li>
          <li>
            <div class="edit_label">所在学校:<b style="color: #d75a4a;">*</b></div>
            <div class="edit_input"><input type="text" placeholder="所在学校" ng-model="Childinfo.school" ng-required="true" /></div>
          </li>
        </ul>
      </div>
    </div>

    <p class="color2 f1" style="text-indent: .2rem;padding: .2rem 0;border-top: .02rem solid #F5B700;">继续完善以下产品信息，可获得20积分</p>
    <!--机身编码-->
    <div class="device_box pb1">
      <p class="parents_title">添加产品信息</p>
      <ul class="parents_item">
        <li>
          <div class="edit_label">产品型号:</div>
          <div class="edit_input"><input type="text" placeholder="型号" readonly ng-model="Userinfo.hardware_name"
              ng-click="productmodelshow=true;categoryshow=true;showpop();" /></div>
        </li>
        <li>
          <div class="edit_label">机身编码:</div>
          <div class="edit_input"><input type="text" placeholder="编码" ng-model="Userinfo.hardware_code" /></div>
        </li>
        <li>
          <div class="edit_label">购买网点:</div>
          <div class="edit_input"><input type="text" readonly placeholder="购买网点" ng-model="Userinfo.buy_address"
              ng-click="networkmodelshow=true;areashow=true;showpop();" /></div>
        </li>
        <li>
          <div class="edit_label">购买年份:</div>
          <div class="edit_input"><input type="text" placeholder="年份" readonly="readonly" name="appDate2" id="appDate2"
              type="text" ng-model="Userinfo.buy_time" /></div>
        </li>
      </ul>
    </div>



    <div class="a_footer">
      <a class="account_btn" ng-click="EditCustomerInfoOne()">下一步</a>
    </div>
  </form>
</div>

<!--第二步-->
<div ng-show="TwoStep">
  <p class="color2 f1" style="text-indent: .2rem;padding: .2rem 0;">继续完善以下产品信息，可获得20积分</p>
  <form name="TwoForm" ng-class="showTwoError?'showerror':''">
    <div class="account_info">
      <!-- <p class="color2 f1" style="text-indent: .2rem;padding: .2rem 0;">(填写推荐人信息，你们都将获得20积分)</p> -->
      <ul class="parents_item">
        <li>
          <div class="edit_label" style="width: 3rem; text-align: left;">推荐人手机号:</div>
          <div class="edit_input"><input type="text" placeholder="推荐人手机号" ng-model="recommend.telephone" ng-pattern="/^[1]\d{10}$/" /></div>
        </li>
      </ul>
    </div>
  </form>
  <div class="a_footer">
    <a class="account_btn" ng-click="EditCustomerInfoTwo(recommend)">保存</a>
  </div>
</div>


<!--选择省市-->
<div class="ui_mask" ng-show="AddressShow">
  <div class="ui_pop">
    <div class="mask_header">
      <div class="f1">选择所在地区</div>
      <div class="close" ng-click="AddressShow=false;ProvinceShow=false;ProvinceShow=false;CityShow=false;closepop();"></div>
    </div>

    <!--选择省-->
    <div class="mask_content" ng-show="ProvinceShow">
      <div class="region_list">
        <ul>
          <li ng-repeat="country in CountryList" ng-click="ChooseCountry(country)">{{country.name}}</li>
        </ul>
      </div>
    </div>

    <!--选择市-->
    <div class="mask_content" ng-show="CityShow">
      <div class="region_list">
        <ul>
          <li ng-repeat="zone in ZoneList" ng-click="ChooseZone(zone)">{{zone.name}}</li>

        </ul>
      </div>
    </div>
    <!--选择县-->
    <div class="mask_content" ng-show="CountryShow">
      <div class="region_list">
        <ul>
          <li ng-repeat="district in DistrictList" ng-click="ChooseDistrict(district)">{{district.name}}</li>
        </ul>
      </div>
    </div>
  </div>
</div>

<!--选择孩子年级-->
<div class="ui_mask " ng-show="gradeshow">
  <div class="ui_pop">
    <div class="mask_header">
      <div class="f1">孩子年级</div>
      <div class="close" ng-click="gradeshow=flase;closepop();"></div>
    </div>
    <div class="mask_content">
      <div class="region_list">
        <ul>
          <li ng-repeat="grade in Grades" ng-click="ChooseGrade(grade)">{{grade.name}}</li>
        </ul>
      </div>
    </div>
  </div>
</div>


<!--产品型号-->
<div class="ui_mask" ng-show="productmodelshow">
  <div class="ui_pop">
    <div class="mask_header">
      <div class="f1">选择购买的产品型号</div>
      <div class="close" ng-click="productmodelshow=false;categoryshow=false;productshow=false;closepop();">
        <i class="ui-icon-close-page"></i>
      </div>
    </div>
    <!--分类-->
    <div class="mask_content" ng-show="categoryshow">
      <div class="region_list">
        <ul>
          <li ng-click="ChooseCategory(category);" ng-repeat="category in categorys">{{category.p_category_name}}</li>
        </ul>
      </div>
    </div>

    <div class="mask_content" ng-show="productshow">
      <div class="region_list">
        <ul>
          <li ng-click="ChooseProduct(product)" ng-repeat="product in products">{{product.product_name}}</li>
        </ul>
      </div>
    </div>
  </div>
</div>



<!--购买网点-->
<div class="ui_mask" ng-show="networkmodelshow">
  <div class="ui_pop">
    <div class="mask_header">
      <div class="f1">选择购买网点</div>
      <div class="close" ng-click="networkmodelshow=false;areashow=false;areashow2=false;areashow3=false;areashow4=false;closepop();">
        <i class="ui-icon-close-page"></i>
      </div>
    </div>

    <div class="mask_content" ng-show="areashow">
      <div class="region_list">
        <ul>
          <li ng-click="ChooseArea(area)" ng-repeat="area in areas">{{area.areaname}}</li>
        </ul>
      </div>
    </div>

    <div class="mask_content" ng-show="areashow2">
      <div class="region_list">
        <ul>
          <li ng-click="ChooseArea2(area2)" ng-repeat="area2 in area2s">{{area2.areaname}}</li>
        </ul>
      </div>
    </div>

    <div class="mask_content" ng-show="areashow3">
      <div class="region_list">
        <ul>
          <li ng-click="ChooseArea3(area3)" ng-repeat="area3 in area3s">{{area3.areaname}}</li>
        </ul>
      </div>
    </div>

    <div class="mask_content" ng-show="areashow4">
      <div class="region_list">
        <ul>
          <li ng-click="ChooseNetWork(network)" ng-repeat="network in networks">{{network.network_name}}</li>
        </ul>
      </div>
    </div>
  </div>
</div>
